Laura Nicole Davila
Web Designer, Illustrator, and Animator
Web Portfolio
LAST UPDATED JANUARY 2015
I have used a variety of techniques, frameworks, content management systems, and programming languages to develop the following projects for my clients. Read More...
My bread and butter are straight up HTML/CSS and jQuery, but I have also written and debugged many a line of PHP and Ruby, too. A good portion of these projects utilized either Twitter Bootstrap, the 960.gs grid system, or a similar grid starter template. I spent the spring of 2012 learning Ruby on Rails, and the next development framework I would like to learn is Django. I am most familiar with the Drupal 7 and WordPress CMSs, and know I would be comfortable developing for others, even if development involves learning a new programming language. I am comfortable using the Unix command line and MySQL, my preferred environment for source control is GitHub, and my favorite IDEs are Coda, Sublime, and Eclipse. Read Less...
Course Builder Prototype
Company:
University of Texas Center for Teaching and LearningRole:
DeveloperTechnology:
HTML/CSS, jQueryThis Course Builder tool was designed as a prototype to be integrated into the Canvas LMS. Designed with Twitter Bootstrap, this flat prototype merely showcases the functionality we would like to integrate with a more robust API.
Drama Based Instruction Re-Design
Company:
ContractRole:
Migration, Re-design, and Feature RequestsTechnology:
Drupal 7, HTML/CSS, jQuery, PhotoshopThe Drama Based Instruction website serves as a repository of exemplary lessons and drama techniques created for K-12 teachers by the Department and Theatre and Dance at the University of Texas. I upgraded site from Drupal 6 to Drupal 7, improved the architecture of the website to meet the program's needs, and gave the old design a more modern look and feel. The site now features videos and allows its users to comment with videos in a way the previous version could not. I have continued to handle small feature requests on this project.
Course Transformation Program
Company:
University of Texas Center for Teaching and LearningRole:
MigrationTechnology:
Drupal 7, HTML/CSS, jQueryThe Course Transformation Program website is a Drupal 7 website that I migrated from a SilverStripe instance. I did not design this website, but I translated the design to a different template structure and added blogging functionality the previous version lacked, as well as migrated the original content to the Drupal database.
Becoming a College Teacher and Preparing College Teachers
Company:
University of Texas Center for Teaching and LearningRole:
MigrationTechnology:
Drupal 7, HTML/CSS, jQueryThese twin websites were migrated to Drupal 7 from SilverStripe. Like other migration projects I have worked on, the design already existed and I translated it to fit Drupal's needs. These particular websites share a codebase, but use the Drupal Multisite feature to branch into individual instances.
High School Early Readiness Registration System
Company:
University of Texas Center for Teaching and LearningRole:
Developer and DesignerTechnology:
Ruby on Rails, Twitter Bootstrap, HTML/CSS, jQueryThis registration system was developed using the Ruby on Rails framework and designed with Twitter Bootstrap. This application was developed for the OnRamps program as a pilot for high school students interested in earning their diploma by meeting certain requirements and scoring well on specific AP, CLEP or SAT tests. This website utilizes both a registration form for the students to enter relevant information as well as an administrator view to track student progress for administrators at different levels: University, School District, and High School. UTEID is required to register and view this application beyond the welcome screen.
Biology 311C Course Transformation Program Website
Company:
University of Texas Center for Teaching and LearningRole:
Developer and DesignerTechnology:
HTML/CSS, iQuery, Wordpress, Adobe IllustratorThe Biology 311C website is a Wordpress website developed and used for the Fall 2011 Course Transformation Program. My role for its original design was to modify the PHP template to our desired design, which utilized jQueryUI Tabs for each lesson module. During the spring of 2012 we moved away from the tabs in favor of a design that placed each module's content on a single, static page, allowing users to see all of the relevant content at once while minimizing the number of clicks. This switch also involved a design overhaul that I played the primary role on. I designed the logo for this using Adobe Illustrator and found a beautiful creative commons photograph for the banner image.
Photosynthesis Prototype
Company:
University of Texas Center for Teaching and LearningRole:
DeveloperTechnology:
HTML/CSS, jQueryThis Photosynthesis module was designed as a prototype lesson for the Center for Teaching and Learning's Course Transformation Project in conjunction with Biology lecturer Jen Moon. My role was to make the designed mock-up functional. This project is one flat but semantic HTML page that utilizes CSS and jQuery to achieve most of the visual design and interactive functionality. We utilized the Fancybox plug in to showcase the animation, videos, and external resources referenced in the lesson.
Radio App for Communications Study
Company:
ContractRole:
DesignerTechnology:
HTML/CSS, jQuery, Adobe Illustrator and PhotoshopThis "radio app" was developed for a communications study conducted by Associate Professor Talia Stroud at the University of Texas College of Communications. My role was to design a basic shell that worked with another developer's code for the "radio"'s limited functionality. The artwork was developed in Adobe Illustrator and Photoshop, but most of the design elements come together using CSS and HTML5. Due to the client's needs, this project was designed using multiple pages instead of one, dynamic page. Here is an alternate version that has been optimized for older browsers.
Drama Based Instruction Re-Design
Company:
ContractRole:
Migration, Re-design, and Feature RequestsTechnology:
Drupal 7, HTML/CSS, jQuery, PhotoshopThe Drama Based Instruction website serves as a repository of exemplary lessons and drama techniques created for K-12 teachers by the Department and Theatre and Dance at the University of Texas. I upgraded site from Drupal 6 to Drupal 7, improved the architecture of the website to meet the program's needs, and gave the old design a more modern look and feel. The site now features videos and allows its users to comment with videos in a way the previous version could not. I have continued to handle small feature requests on this project.
Course Builder Prototype
Company:
University of Texas Center for Teaching and LearningRole:
DeveloperTechnology:
HTML/CSS, jQueryThis Course Builder tool was designed as a prototype to be integrated into the Canvas LMS. Designed with Twitter Bootstrap, this flat prototype merely showcases the functionality we would like to integrate with a more robust API.
Course Transformation Program
Company:
University of Texas Center for Teaching and LearningRole:
MigrationTechnology:
Drupal 7, HTML/CSS, jQueryThe Course Transformation Program website is a Drupal 7 website that I migrated from a SilverStripe instance. I did not design this website, but I translated the design to a different template structure and added blogging functionality the previous version lacked, as well as migrated the original content to the Drupal database.
Becoming a College Teacher and Preparing College Teachers
Company:
University of Texas Center for Teaching and LearningRole:
MigrationTechnology:
Drupal 7, HTML/CSS, jQueryThese twin websites were migrated to Drupal 7 from SilverStripe. Like other migration projects I have worked on, the design already existed and I translated it to fit Drupal's needs. These particular websites share a codebase, but use the Drupal Multisite feature to branch into individual instances.
High School Early Readiness Registration System
Company:
University of Texas Center for Teaching and LearningRole:
Developer and DesignerTechnology:
Ruby on Rails, Twitter Bootstrap, HTML/CSS, jQueryThis registration system was developed using the Ruby on Rails framework and designed with Twitter Bootstrap. This application was developed for the OnRamps program as a pilot for high school students interested in earning their diploma by meeting certain requirements and scoring well on specific AP, CLEP or SAT tests. This website utilizes both a registration form for the students to enter relevant information as well as an administrator view to track student progress for administrators at different levels: University, School District, and High School. UTEID is required to register and view this application beyond the welcome screen.
Biology 311C Course Transformation Program Website
Company:
University of Texas Center for Teaching and LearningRole:
Developer and DesignerTechnology:
HTML/CSS, iQuery, Wordpress, Adobe IllustratorThe Biology 311C website is a Wordpress website developed and used for the Fall 2011 Course Transformation Program. My role for its original design was to modify the PHP template to our desired design, which utilized jQueryUI Tabs for each lesson module. During the spring of 2012 we moved away from the tabs in favor of a design that placed each module's content on a single, static page, allowing users to see all of the relevant content at once while minimizing the number of clicks. This switch also involved a design overhaul that I played the primary role on. I designed the logo for this using Adobe Illustrator and found a beautiful creative commons photograph for the banner image.
Photosynthesis Prototype
Company:
University of Texas Center for Teaching and LearningRole:
DeveloperTechnology:
HTML/CSS, jQueryThis Photosynthesis module was designed as a prototype lesson for the Center for Teaching and Learning's Course Transformation Project in conjunction with Biology lecturer Jen Moon. My role was to make the designed mock-up functional. This project is one flat but semantic HTML page that utilizes CSS and jQuery to achieve most of the visual design and interactive functionality. We utilized the Fancybox plug in to showcase the animation, videos, and external resources referenced in the lesson.
Radio App for Communications Study
Company:
ContractRole:
DesignerTechnology:
HTML/CSS, jQuery, Adobe Illustrator and PhotoshopThis "radio app" was developed for a communications study conducted by Associate Professor Talia Stroud at the University of Texas College of Communications. My role was to design a basic shell that worked with another developer's code for the "radio"'s limited functionality. The artwork was developed in Adobe Illustrator and Photoshop, but most of the design elements come together using CSS and HTML5. Due to the client's needs, this project was designed using multiple pages instead of one, dynamic page. Here is an alternate version that has been optimized for older browsers.